<template>
        <div class="ShowBlock">
                <div class="Block"></div>
                <div class="BlockFont">{{ props.title }}</div>
        </div>
</template>
<script setup lang="ts">


const props = defineProps({
        title:String
})


</script>

<style>
.Block {
        float: left;
        width: 35px;
        height: 100%;
        background-color: rgb(194, 235, 252);
}

.BlockFont {
        height: 100%;
        display: flex;
        align-items: center;
        font-family: "华文宋体";
        font-weight: bold;
        letter-spacing: 2px;
        font-style: italic;
        font-size: 16px;
        position: relative;
        left: 10px;
}

.ShowBlock {
        margin-top: 30px;
        position: relative;
        top: -10px;
        height: 50px;
        background-color: #F2F2F2;
}
</style>